<!--
 * @Author: liaoxing
 * @Date: 2021-08-31 14:42:33
 * @LastEditors: liaoxing
 * @LastEditTime: 2021-09-01 14:58:55
 * @Description: file content
 * @FilePath: \数据中心\src\views\home\BoardPage\DataBoard\tcbSlot.vue
-->
<template>
  <div class="tcbSlot">
    <div class="shadowBox topBox">
      <div class="topRight"></div>
      <div class="bottomLeft"></div>
      <slot name="tcbTop"></slot>
    </div>
    <div class="shadowBox centerBox">
      <div class="topRight"></div>
      <div class="bottomLeft"></div>
      <slot name="tcbCenter"></slot>
    </div>
    <div class="shadowBox bottomBox">
      <div class="topRight"></div>
      <div class="bottomLeft"></div>
      <slot name="tcbBottom"></slot>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.tcbSlot{
  height: 100%;
  width: 100%;
}
.topBox{
  height: 16%;
}
.centerBox{
  height: calc(42% - 20px);
  margin-top: 20px;
}
.bottomBox{
  height: calc(42% - 20px);
  margin-top: 20px;
}
</style>